<template>
  <t-tabs  size="medium" v-model="tabValue">
    <t-tab-panel  class="tab-panel" value="0" label="变更申请" :destroyOnHide="true">
      <change-apply-list :projectId="objId"></change-apply-list>
    </t-tab-panel>
    <t-tab-panel class="tab-panel" value="1" label="执行情况报告" :destroyOnHide="true">
      <performance-report-list :projectId="objId"></performance-report-list>
    </t-tab-panel>
  </t-tabs>
</template>

<script>
import changeApplyList from "./change-apply-list.vue";
import performanceReportList from "./performance-report-list.vue";

export default {
  name: "implement-detail",
  props: ["objId"],
  components:{
    changeApplyList,
    performanceReportList
  },
  data(){
    return {
      tabValue: '0'
    }
  },
  created() {

  },
  methods:{

  }
}
</script>

<style lang="less" scoped>
.tab-panel{
  padding: 10px;
  height: calc(65vh - 64px);
  overflow: scroll;
}
</style>
